<template>
  <div>
    <img v-bind:src="item.images[0]" alt="" srcset="" />
    <btn></btn>
    <h2>
      <router-link to="/detail">{{ item.title }}</router-link>
    </h2>
  </div>
  <!-- <div>323</div> -->
</template>

<script>
import axios from "axios";
export default {
  data() {
    return {
      listData: [],
    };
  },
  created() {
    var _this = this;
    axios.get("./list-data.json").then(function (response) {
      console.log(response.data.stories);
      _this.listData = response.data.stories;
    });
  },
};
</script>
